@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
ul,li{ list-style:none;}
img{ border:none; vertical-align:top;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#ff3300; text-decoration:underline;}
h3{ float:left; font-size:14px; display:inline;}
span.more{ float:right; margin-right:5px;  }
body{ text-align:center; font-size:12px;background-color:#000;}
ul.textlist{ float:left;}
ul.textlist li{ float:left; height:25px; line-height:25px; text-align:left; }
ul.textlist li span{ float:right;}

/*****assign background*****/
#wrap_bg{ float:left; width:100%; background:url(wrap_bg.jpg) repeat-x left top;}
#wrap_bg #tip{ margin:0 auto; width:960px; height:29px; line-height:29px;}
#tip #logo{ float:left; width:115px; height:29px; margin-left:20px; display:inline; background:url(logo.jpg) no-repeat 0 0;}
#tip #info{ float:left; width:600px; height:29px; line-height:29px; text-align:left; margin-left:15px; display:inline; }
#info a{ padding:0 5px;}
#tip #register{ float:right;}
#register a{ padding:0 3px;}
#body_bg{float:left; width:100%; background:url(bj.jpg) repeat-x 50% 0;}

#wrap{ margin:0 auto; width:960px;}
#wrap #header{ margin:0 auto;width:960px;}
#header #up{ float:left; width:960px; height:243px; background:url(banner1.jpg) no-repeat 0 0;}
#header #down{ float:left; width:960px; height:87px;background:url(banner2.jpg) no-repeat 0 0;}
#down p.menu{ float:left; width:950px; margin:8px 0 0 10px; height:35px; line-height:35px; display:inline;}
#down p.menu a{ color:#ffcc00; font-size:14px; margin:0 20px; font-weight:bold;}
#down p.info{ float:left; width:760px; margin:10px 0 0 160px; height:35px; line-height:35px; display:inline; text-align:left;}
#down p.info strong{ color:#ffcc00; font-size:14px;}
#down p.info a{ color:#fff; font-size:14px; margin:0 15px;}

/********container********/
#wrap #container{ float:left; width:960px; margin-top:20px;}
#container #main{ float:left; width:650px;}
#main .start{ float:left; width:650px; height:28px; background:url(out1.jpg) no-repeat 0 0;}
#main .repeat{ float:left; width:650px; background:url(out2.jpg) repeat-y left top;}
#main .end{ float:left; width:650px; height:32px; background:url(out3.jpg) no-repeat 0 0;}

#main .repeat #firstScreen{float:left; width:615px;margin-left:15px; display:inline;}
#firstScreen #aColumn{float:left; width:310px; background:#333333; padding-top:5px;}
#aColumn #slide{float:left; width:310px;}
#slide img{width:300px; height:180px; padding:0 5px;}
#aColumn #news{float:left; width:310px; margin-top:5px;}
#news .subject{float:left; width:310px; height:29px; background:url(sub2.jpg) no-repeat 0 0;}
#news .content{float:left; width:308px; border:1px solid #000; border-top:none;}
#news .content ul.textlist{width:288px; padding:8px 10px 0 10px;}
#news .content ul.textlist li{width:288px;color:#ff9900;}
#news .content ul.textlist li a{ color:#ff9900;}

#share{float:left; width:300px; margin-left:5px; display:inline;}
#share .subject{float:left; width:300px; height:30px; background:url(sub.jpg) no-repeat 0 0;}
#share .content{float:left; width:300px; padding-top:3px;}
#share .content p{float:left; width:300px; height:25px; line-height:25px;color:#990000; text-align:left;}
#share .content p span{ margin-left:20px; display:inline;}
#share .content p span a{ color:#990000; font-weight:bold;}
#share .content ul.textlist{width:280px; padding:0 10px;}
#share .content ul.textlist li{width:280px;}

/*******cross*****/
#main .repeat .cross{ float:left; width:615px;margin:10px 0 0 15px; display:inline;}
#main .repeat .cross .subject{ float:left; width:615px; height:30px;background:url(sub3.jpg) no-repeat 0 0;}
#main .repeat .cross .subject .title{ float:left; margin-left:30px; display:inline; width:66px; height:30px;}
#main .repeat .cross .content{ float:left; width:615px;}
#main .repeat .cross .content .box{ float:left; width:615px;}
#main .repeat .cross .content .hide{ display:none;}
#main .repeat .cross .content ul.textlist{ width:615px; padding-top:5px;}
#main .repeat .cross .content ul.textlist li{width:282px; margin:0 10px; display:inline;}

#main .repeat .cross .content ul.piclist{ float:left; width:615px; padding-top:10px;}
#main .repeat .cross .content ul.piclist li{ float:left; width:133px; margin:0 10px; display:inline;}
#main .repeat .cross .content ul.piclist li img{ width:126px; height:104px; padding:2px; border:1px solid #996600;}
#main .repeat .cross .content ul.piclist li p{ float:left; width:133px; height:25px; line-height:25px; margin-top:3px;}

/******switch******/
#main .repeat .cross .subject ul.tab_menu{ float:left; width:455px; padding-top:5px; margin-left:15px; display:inline;}
#main .repeat .cross .subject ul.tab_menu  li{ float:left; width:75px; height:25px; line-height:25px; cursor:pointer;
 font-weight:bold; }
#main .repeat .cross .subject ul.tab_menu  li a{ color:#ffcc00;}
#main .repeat .cross .subject ul.tab_menu li.active{ background:url(active.jpg) no-repeat 0 0;}
#main .repeat .cross .subject ul.tab_menu li.active a{ color:#333;}

/*******part******/
#main .repeat .part{ float:left; width:300px; margin:10px 0 0 15px; display:inline;}
#main .repeat .part .subject{ float:left; width:300px; height:30px; line-height:30px; background:url(sub4.jpg) no-repeat 0 0;}
#main .repeat .part .subject h3{ margin-left:10px; width:85px;}
#main .repeat .part .content{float:left; width:300px;}
#main .repeat .part .content ul.textlist{width:280px; padding:5px 10px 0 10px;}
#main .repeat .part .content ul.textlist li{width:280px;}

/********sidebar*********/
#container #sidebar{ float:left; width:300px; margin-left:10px; display:inline;}
#sidebar .start{ float:left; width:300px; height:44px; background:url(right1.jpg) no-repeat 0 0;}
#sidebar .repeat{ float:left; width:260px; background:url(right2.jpg) repeat-y left top;padding:0 20px;}
#sidebar .end{ float:left; width:300px; height:18px; background:url(right3.jpg) no-repeat 0 0;}

/**********sort*******/
#sidebar .repeat .part{ float:left; width:260px; margin-top:10px;}
#sidebar .repeat .part .subject{ float:left; width:260px; height:29px; background:url(title.jpg) no-repeat 0 0;}
#sidebar .repeat .part .subject h3{ margin-left:8px; width:80px; padding-top:5px; line-height:23px; color:#990000;}
#sidebar .repeat .part .content{ float:left; width:260px; line-height:21px; text-align:left; padding-top:5px;color:#ffcc00;}
#sidebar .repeat .part .content p{ float:left; width:260px;}
#sidebar .repeat .part .content p strong{ margin-left:10px; display:inline;  }
#sidebar .repeat .part .content span{ margin-left:10px; display:inline;}
#sidebar .repeat .part .content span.help{ margin-left:50px; display:inline;}
#sidebar .repeat .part .content a{ margin:0 10px; color:#ffcc00; font-size:12px; display:inline-block; white-space:normal;}

#sidebar .repeat .part .content dl{ float:left; width:260px;}
#sidebar .repeat .part .content dl dt{ float:left; margin-left:10px; display:inline; width:60px; height:25px; line-height:25px;}
#sidebar .repeat .part .content dl dd{ float:left; width:150px; height:25px; line-height:25px;}

/******list page******/
#main  #path{ float:left; width:615px;margin-left:15px; display:inline;height:30px; line-height:30px;background:url(sub3.jpg) no-repeat 0 0; color:#fff;}
#path span{ float:left; margin-left:25px; display:inline;  }
#path span a{ padding:0 5px; font-size:14px; color:#fff; }

#main  #listContainer{ float:left; width:615px;margin:10px 0 0 15px; display:inline;}
#listContainer ul.textlist{ width:615px; }
#listContainer ul.textlist li{ width:615px; border-bottom:1px dotted #ccc;}
#listContainer ul.textlist li span{ float:right;}

#listContainer #pagenum{ float:left; margin:10px 0 5px 0; width:615px; height:23px; line-height:23px; text-align:left;}
#pagenum a{ padding:0 5px; border:1px solid #ccc; display:inline-block;}
#pagenum a:hover{ background:#ffffc9; color:#000;}


/********content page********/
#main #textContainer{float:left; width:615px;margin:10px 0 0 15px; display:inline;}
#textContainer .tit{ float:left; width:615px; border-bottom:1px solid #ccc;}
#textContainer .tit h2{ float:left; width:615px; text-align:center; font-size:16px; height:32px; line-height:32px; }
#textContainer .tit span.mess{ display:block; float:left; width:615px; height:23px; line-height:23px; text-align:center;}
#textContainer .textbox{ float:left; width:615px; padding:5px 0; text-align:left; color:#333;}
#textContainer .textbox img{ margin:5px 0;}
#textContainer .textbox p{text-indent:20px;line-height:28px; font-size:14px;}

/********footer*********/
#wrap #footer{ float:left; width:960px;}
#footer #bottomLogo{ float:left; width:200px; height:115px; margin:50px 0 0 100px; display:inline;}
#footer #companyInfo{ float:left; width:600px; height:115px; margin-top:50px;}
#footer #companyInfo p{ line-height:23px; margin-top:8px; color:#ccc; }
#footer #companyInfo p a{ color:#ccc;}